<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>

	<title>GESTOR INCIDENCIAS</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/menu.css">
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
	
	<script src="js/menu.js"></script>
     <script src="js/comprobar_datos.js"></script>
	<script>
	
		function getAñadirProv(){
		
			var nombre=document.getElementById("nombre");
			var direccion=document.getElementById("direccion");
			var telefono=document.getElementById("telefono");
			var email=document.getElementById("email_txt");
			
			var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                 {// code for IE6, IE5
                     xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                 }
            xmlhttp.onreadystatechange=function()
             {
                if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
				  	if(xmlhttp.responseText==1){
					document.getElementById("aviso").innerHTML="<span style='color:green'>El proveedor se ha añadido correctamente</span>";   
					setInterval('location.reload()',1000);    
					}else{
						document.getElementById("aviso").innerHTML="<span style='color:red'>los datos NO fueron insertados correctamente </span><br>"+xmlhttp.responseText;
					}
                 }
				     	
			   }
        	
            xmlhttp.open("GET","php/insertarnuevoprov.php?nombre="+nombre.value+"&direccion="+direccion.value+"&telefono="+telefono.value+"&email="+email.value,true);
            xmlhttp.send();
		
		}
	
	
	</script>
</head>

<body>
<?php
require('php/cabecera.php');
?>

	<script>
			(function($){
				
				//cache nav
				var nav = $("#topNav");
				
				//add indicator and hovers to submenu parents
				nav.find("li").each(function() {
					if ($(this).find("ul").length > 0) {
						/*$("<span>").text("^").appendTo($(this).children(":first"));*/

						//show subnav on hover
						$(this).mouseenter(function() {
							$(this).find("ul").stop(true, true).slideDown();
						});
						
						//hide submenus on exit
						$(this).mouseleave(function() {
							$(this).find("ul").stop(true, true).slideUp();
						});
					}
				});
			})(jQuery);
		</script>
	
<div id="contenido">
<?php
require('php/menuvproveedores.php');
?>

		<div id="principal">
			<h2><?php echo $xtituprov;?></h2>
			     
		  	<form>
				<table>
					<tr>
						<td><?php echo $xprovnom.": ";?></td>
						<td><input type="text" id="nombre" onBlur="comprobarProv()"></td>
					</tr>
					<tr>
						<td><?php echo $xprovdir.": "?></td>
						<td><input type="text" id="direccion" onBlur="comprobarDireccion()"></td>
					</tr>
					<tr>
						<td><?php echo $xprovtel.": ";?></td> 
						<td><input type="text" id="telefono" maxlength="9" onBlur="comprobarTelefono()"></td>
						<td><div id="errorTelefono" class="oculto">Ejemplo: 943001122</div></td>
					<tr>
						<td><?php echo $xprovemail.": ";?></td>
						<td><input type="text" id="email_txt" onBlur="comprobarEmail()"></td>
						<td><div id="errorEmail" class="oculto">Ejemplo: email@dominio.com</div></td>
					</tr>
				</table>
				<input type="button" id="boton" value="<?php echo $xprovana;?> " onClick="getAñadirProv()"><br />
			</form><br />
			<div id="aviso">
			</div>
		</div>
	</div>
	
	<div id="pie">
		<?php 
		include("pie.php");
		?>
	</div>

</div>	
</body>
</html>
